<template>
	<view class="root">
		<User class="height-100percent" v-if="identity === 0" />
		<Driver class="height-100percent" v-if="identity === 1" />
		<Employee class="height-100percent" v-if="[2, 3].includes(identity)" />
	</view>
</template>

<script lang="ts">
	import { Vue, Component } from "vue-property-decorator";
	import { mapState } from "vuex";
	import Employee from "@/components/order/employee.vue";
	import Driver from "@/components/order/driver.vue";
	import User from "@/components/order/user.vue";

	@Component({
		components: { Employee, Driver, User },
		computed: mapState(["identity"]),
	})
	export default class Order extends Vue {}
</script>
<style lang="scss">
	// scss
	page,
	.root,
	.container {
		height: 100%;
	}
</style>